/* 全局样式 */
body {
	margin:0;
	padding:0;
	font-family:sans-serif;
	overflow:hidden;
}
#wapper,
.page {
	height:100%;
	box-sizing:border-box;
}
.content {
	width:100%;
	padding:10px;
	height:100%;
	box-sizing:border-box;
}
#bg {
	position:fixed;
	top:0;
	left:0;
	display:none;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	transition:0.1s;
}
.text-center { text-align:center; }
/* 组件：按钮 */
.btn {
	  display: inline-block;
	  padding: 6px 12px;
	  margin-bottom: 0;
	  font-size: 14px;
	  font-weight: normal;
	  line-height: 1.42857143;
	  text-align: center;
	  white-space: nowrap;
	  vertical-align: top;
	  cursor: pointer;
	  -moz-user-select: none;
	  border: 1px solid transparent;
	  border-radius: 4px;
	  text-decoration:none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn:hover,
.btn:focus {
	color: #333;
	text-decoration: none;
}
.btn:active,
.btn.active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	box-shadow: none;
	opacity: .65;
}
.btn-block {
	display:block;
	width:100%;
}
/* 组件：输入框 */
.input {
	display:inline-block;
	border-radius:0;
	padding:5px;
	min-height:20px;
	font-size:15px;
	line-height:20px;
	outline:none;
	border:1px solid #ccc;
	min-width:300px;
}
/* 组件：开关 */
.switcher {
	display:inline-block;
    width:45px; 
    display:block;
    padding:1px;
    overflow:hidden;
    margin-bottom:5px;
    border:0;
    border-radius:15px;
    cursor: pointer;
}
.switcher span {
    width:15px;
    font-size:13px;
    height:15px;
    padding:2px;
    display:block;
    background-color:white;
    border-radius:50px;
    float:left;
    text-align:center;
	transition:0.3s;
}
.switcher span.off{float:right;}
/* 标题栏 */
.titlebar {
	width:100%;
	height:auto;
	overflow:hidden;
}
.titlebar * {
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	vertical-align:top;
}
.titlebar .btn {
	height:100%;
	font-size:20px;
	border-radius:0;
}
.titlebar .title {
	font-size:20px;
	height:100%;
	line-height:30px;
}
.titlebar .right-btns {
	padding-right:5px;
	float:right;
	font-size:20px;
	height:100%;
	line-height:30px;
}
/* 菜单栏 */
.menu {
	display:block;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	position:fixed;
	left:-1000px;
	top:0;
	z-index:9999;
	transition:0.1s;
	min-width:150px;
}
.menu ul {
	list-style:none;
	padding-left:0;
	margin:0;
}
.menu-group .item  {
	display:block;
}
.menu-group>.item>a {
	display:block;
	height:30px;
	line-height:30px;
	font-size:18px;
	padding-left:5px;
	padding-right:3px;
}
.menu-group>.item .item a {
	font-size:14px;
	display:block;
	height:25px;
	line-height:25px;
	padding-left:10px;
	padding-right:3px;
}
.menu-group .item .fa {
	float:right;
	font-size:15px;
	display:inline-block;
	height:25px;
	line-height:25px;
}
.menu-group .item ul {
	display:none;
}
/* 组件：列表 */
.list {
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}
.list .item {
	display:block;
}
.list .item .option {
	float:right;
}
.list-default {
	border:1px solid black;
	border-radius:5px;
}
/* 组件：Welcome */
.welcome .header {
	width:100%;
	height:40px;
	line-height:40px;
	font-size:30px;
	text-align:center;
	padding:20px;
}
.welcome .content {
	width:100%;
	margin-top:10px;
	padding:10px;
	text-align:center;
}